<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的第一个 HTML 页面</title>
	</head>
	<body bgcolor="yellow">
		<p>body 元素的内容会显示在浏览器中。</p>
		<p>title 元素的内容会显示在浏览器的标题栏中。</p>
		
		<p>这是段落。</p>
		<p>这是段落。</p>
		<p>这是段落。</p>
		
		<!-- 浏览器忽略了排版 -->
		<p>
		这个段落
		在源代码中
		包含许多行
		但是浏览器
		忽略了它们。
		</p>
		
		<p>
		To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
		</p>
		
		<h1>This is heading 1</h1>
		<h2>This is heading 2</h2>
		<h3>This is heading 3</h3>
		<h4>This is heading 4</h4>
		<h5>This is heading 5</h5>
		<h6>This is heading 6</h6>
		
		
		<h1 align="center">This is heading 1</h1>
		
		<hr />
		
		<!--这是一段注释。注释不会在浏览器中显示。-->
 
 
<!-- https://www.cnblogs.com/wu628/p/4490770.html  HTML中i、em、b、strong的区别-->
		<!-- 标签定义粗体的文本。 -->
		<b>This text is bold</b><br/>
		
		<!-- 		把文本定义为粗体语气更强的强调的内容。 -->
		<strong>This text is strong</strong><br/>
		
		<!-- <big> 标签呈现大号字体效果。HTML5 中不支持 -->
		<big>This text is big</big><br/>
		
		<!-- 	呈现为被强调的文本。 -->
		<em>This text is emphasized</em><br/>
		
		<!-- 粗体 -->
		<i>This text is italic</i><br/>
		
		<!-- 标签呈现小号字体效果。 -->
		<small>This text is small</small><br/>
		
		A<sub>subscript</sub><br>
		
		B<sup>superscript</sup><br/>
		
		<!-- 标签用来定义预格式化的文本，被包围在pre标签中的文本通常会保留空格和换行符， 而文本也会呈现出等宽字体。
		同样，pre标签的一个常见的应用便是用来保存计算机中的源代码文本。 -->
		<pre>
		这是
		预格式文本。
		它保留了      空格
		和换行。
		</pre>
		
		<pre>
		for i = 1 to 10
		     print i
		next i
		</pre>
		
		<code>Computer code</code><br/>
		<kbd>Keyboard input</kbd><br/>
		
		<!-- 打字机样式 -->
		<tt>Teletype text</tt><br/>
		
		<!-- 计算机输出 -->
		<samp>Sample text</samp><br/> 
		<var>Computer variable</var><br/>
		
		<address>
		Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
		Visit us at:<br>
		Example.com<br>
		Box 564, Disneyland<br>
		USA
		</address>
		
		<!-- 标记一个缩写 -->
		<abbr title="etcetera">Etc.</abbr><br/>
		<!-- 缩写，h5不支持 -->
		<acronym title="World Wide Web">WWW</acronym><br/>
		
		<!-- 文字方向 -->
		<bdo dir="ltr">
		Here is some Hebrew text
		</bdo><br/>
		
		<bdo dir="rtl">
		Here is some Hebrew text
		</bdo>
		
		<blockquote>
		这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
		</blockquote><br/>
		
		<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
	</body>
</html>
